<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body> 
      
           <p:layout style="width:900px;height:410px;" id="RPuntom">  

                <p:layoutUnit position="west" >  
                    <p:dataTable var="Playa" value="#{controlplayas.playas}" rowKey="#{Playa.nombre}" paginator="true" rows="10"  
                                 selection="#{controlplayas.selectedPlaya}" selectionMode="single" id="carsTable"> 
                        <p:ajax event="rowSelect" update=":form:display" listener="#{controlPuntoMuestreo.listaPuntomuestreoplaya()}"  /> 
                        <f:facet name="header">  
                            Playas 
                        </f:facet>  
                        <p:column headerText="Model" sortBy="#{Playa.nombre}" filterBy="#{Playa.nombre}" id="model">  
                            #{Playa.nombre} 
                        </p:column>  
                    </p:dataTable>
                </p:layoutUnit> 
                <p:layoutUnit position="center" id="caraP" size="200">  
                    <center>
                        <p:panelGrid  id="display">  
                            <f:facet name="header">  
                                <p:row>  
                                    <p:column colspan="3">CARACTERISTICAS DEL PUNTO DE MUESTREO</p:column>  
                                </p:row>  

                            </f:facet>  
                            <p:row>  
                                <p:column  colspan="1" styleClass="ui-widget-header" >  
                                    Puntos de muestreo En la Playa( <h:outputText value="#{controlplayas.selectedPlaya.nombre}" /> )  
                                </p:column>
                                <p:column rowspan="2">Nombre de la playa</p:column>
                                <p:column rowspan="2"><p:inputText id="in" value="#{controlplayas.selectedPlaya.nombre}" disabled="true"/></p:column>
                                
                            </p:row> 
                            <p:row> 
                                <p:column rowspan="5"><p:dataList value="#{controlPuntoMuestreo.puntosMuestreopla}" var="puntomuestreo" itemType="disc">  
                                        #{puntomuestreo.descripcion}, #{puntomuestreo.codigo}  
                                    </p:dataList>
                                </p:column>
                                
                            </p:row>  
                            <p:row>  
                                <p:column>Descripcion:</p:column>
                                <p:column><p:inputText id="in1" value="#{controlplayas.selectedPlaya.descripcion}" disabled="true"/></p:column>  
                            </p:row>
                            <p:row>
                                <p:column>ubicacion:</p:column>
                                <p:column><p:inputText  value="#{controlplayas.selectedPlaya.ubicacion}" disabled="true"/></p:column>
                            </p:row>
                            <p:row>
                                <p:column># Puntos:</p:column>
                                <p:column><p:inputText id="in2" value="#{controlPuntoMuestreo.codigo}" disabled="true"/></p:column>
                            </p:row>
                            <p:row>
                                <p:column># Nombre:</p:column>
                                <p:column><p:inputText  id="nom2" value="#{controlPuntoMuestreo.descripcion}" rendered="true" required="true"/></p:column>
                            </p:row>
                            <f:facet name="footer">  

                            </f:facet>  
                        </p:panelGrid> 

                    </center>

                </p:layoutUnit>  
                <p:layoutUnit position="south" >
                    <p:toolbar>  
                        <p:toolbarGroup align="left">  
                            <p:commandButton  type="button" value="New" icon="ui-icon-document" />
                            <p:commandButton type="button" value="Open" icon="ui-icon-folder-open"/>
                            <p:separator />
                        </p:toolbarGroup>
                        <p:toolbarGroup align="right">
                            <p:commandButton type="buttoon" value="Registrar" action="#{controlPuntoMuestreo.registrarPunto()}" title="Registrar" update="RPuntom"  style="margin:10px 0"  icon="ui-icon-disk"/>  
                            <p:commandButton type="reset"  title="Limpiar" action="#{controlPuntoMuestreo.limpiar}" update="tabla" icon="ui-icon-trash"/>  
                            <p:commandButton type="button" onclick="GestionPnuestreo.hide()"  title="cerrar" icon="ui-icon-print"/>  
                        </p:toolbarGroup>
                    </p:toolbar> 
                </p:layoutUnit> 


            </p:layout> 
        
    </h:body>
</html>

